/* pages/start/start.wxss */
@import "../../app.less";

.startBox {
  width: 100%;
  height: 100vh;
  background-image: url("https://www.lv666.top/IMG/1666965481716_BS_StartImage.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;

  .bigText {
    font-size: 80rpx;
    background-image: linear-gradient(to right, @c_FE8F4E, @c_EC54CE);
    -webkit-background-clip: text;
    color: transparent;
  }

  .terms {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: -60rpx;
    text-align: center;
    color: @textColor_fff;
    font-size: 20rpx;
  }

  .bule {
    font-size: 22rpx;
    font-weight: bolder;
    color: #3b81dd;
  }

  .title {
    // text-align: center;
    width: 450rpx;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-40%, -80%);
    color: @textColor_fff;
    font-size: 70rpx;
    // letter-spacing: 15rpx;
  }

  .zxc {
    padding-left: 62rpx;
  }

  .positionBox {
    position: absolute;
    bottom: 100rpx;
    left: 50%;
    transform: translate(-50%);
  }

  .loginBtn,
  .registeredBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: @inputWidth;
    height: @inputHeight;
    color: @textColor_fff;
    border-radius: 11px;
    font-size: 28rpx;
    text-align: center;
  }

  .loginBtn {
    background-color: @c_4050B5;
  }

  .registeredBtn {
    margin-top: 25px;
    background-image: linear-gradient(to right, @c_FE8F4E, @c_EC54CE);
  }
}